﻿@model PagedList.IPagedList<project.Models.Term>
@{
    Layout = null;
}
@using PagedList.Mvc
<table class="table table-hover table-condensed dataTable" id="example" aria-describedby="example_info">
    <thead>
        <tr role="row">
            <th style="width:1%" class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" aria-label="">
                <div class="checkbox check-default" style="margin-right:auto;margin-left:auto;">
                    <input type="checkbox" value="1" id="checkbox1">
                    <label for="checkbox1"></label>
                </div>
            </th>
            <th style="width:10%" class="sorting_asc" role="columnheader" tabindex="0" aria-controls="example" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Project Name: activate to sort column descending">Name</th>
            <th style="width:22%" data-hide="phone,tablet" class="sorting" role="columnheader" tabindex="0" aria-controls="example" rowspan="1" colspan="1" aria-label="Description: activate to sort column ascending">Description</th>
            <th style="width:6%" class="sorting" role="columnheader" tabindex="0" aria-controls="example" rowspan="1" colspan="1" aria-label="Price: activate to sort column ascending">Slug</th>
            </tr>
    </thead>
    <tbody role="alert" aria-live="polite" aria-relevant="all">
        @foreach (var item in Model)
        {
            <tr class="odd">
                <td class=" ">
                    <div class="checkbox check-default">
                        <input type="checkbox" value="@item.Term_id" id="@item.Term_id">
                        <label for="@item.Term_id"></label>
                    </div>
                </td>
                <td class=" sorting_1">@item.Name</td>
                <td class=" "><span class="muted">Something goes here</span></td>
                <td class=" "><span class="muted">@item.Slug</span></td>              
            </tr>
        }

    </tbody>
</table>
<div class="row">
    <div class="col-md-12">
    <div class="dataTables_paginate paging_bootstrap pagination">
        @*<ul><li class="prev disabled"><a href="#"><i class="fa fa-chevron-left">
            </i></a></li><li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li class="next">
            <a href="#"><i class="fa fa-chevron-right"></i></a></li></ul>*@
         @Html.PagedListPager(Model, page => Url.Action("AjxaGetCategory", new { page }))
    </div>


    @*<div class="dataTables_info" id="example_info">Showing <b>1 to 10</b> of 14 entries</div>*@
    
    </div>
</div>